<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">

    <title>五子棋</title>

    <!--http://www.html5rocks.com/en/mobile/mobifying/-->
    <meta name="viewport"
        content="width=device-width,user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1" />

    <!--https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="format-detection" content="telephone=no">

    <!-- force webkit on 360 -->
    <meta name="renderer" content="webkit" />
    <meta name="force-rendering" content="webkit" />
    <!-- force edge on IE -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="msapplication-tap-highlight" content="no">

    <!-- force full screen on some browser -->
    <meta name="full-screen" content="yes" />
    <meta name="x5-fullscreen" content="true" />
    <meta name="360-fullscreen" content="true" />

    <!-- force screen orientation on some browser -->
    <meta name="screen-orientation" content="<%=orientation%>" />
    <meta name="x5-orientation" content="<%=orientation%>">

    <!--fix fireball/issues/3568 -->
    <!--<meta name="browsermode" content="application">-->
    <meta name="x5-page-mode" content="app">

    <!--<link rel="apple-touch-icon" href=".png" />-->
    <!--<link rel="apple-touch-icon-precomposed" href=".png" />-->

    <link rel="stylesheet" type="text/css" href="style-mobile.6e9cd.css" />
    <link rel="icon" href="favicon.8de18.ico" />
</head>
<style>
#Cocos2dGameContainer{left: auto !important}
</style>
<body>
        <div id="box" style="margin: auto; "></div>
        <canvas id="GameCanvas" oncontextmenu="event.preventDefault()" tabindex="0"></canvas>

        <div id="splash">
            <div class="progress-bar stripes">
                <span style="width: 0%"></span>
            </div>
        </div>
   

    <script src="src/settings.34f04.js" charset="utf-8"></script>
    <script src="main.b68a0.js" charset="utf-8"></script>

    <script type="text/javascript">
        (function () { var f = /iPhone/i, j = /iPod/i, p = /iPad/i, g = /\bAndroid(?:.+)Mobile\b/i, i = /Android/i, d = /\bAndroid(?:.+)SD4930UR\b/i, e = /\bAndroid(?:.+)(?:KF[A-Z]{2,4})\b/i, c = /Windows Phone/i, h = /\bWindows(?:.+)ARM\b/i, k = /BlackBerry/i, l = /BB10/i, m = /Opera Mini/i, n = /\b(CriOS|Chrome)(?:.+)Mobile/i, o = /Mobile(?:.+)Firefox\b/i; function b($, a) { return $.test(a) } function a($) { var a = ($ = $ || ("undefined" != typeof navigator ? navigator.userAgent : "")).split("[FBAN"); void 0 !== a[1] && ($ = a[0]), void 0 !== (a = $.split("Twitter"))[1] && ($ = a[0]); var r = { apple: { phone: b(f, $) && !b(c, $), ipod: b(j, $), tablet: !b(f, $) && b(p, $) && !b(c, $), device: (b(f, $) || b(j, $) || b(p, $)) && !b(c, $) }, amazon: { phone: b(d, $), tablet: !b(d, $) && b(e, $), device: b(d, $) || b(e, $) }, android: { phone: !b(c, $) && b(d, $) || !b(c, $) && b(g, $), tablet: !b(c, $) && !b(d, $) && !b(g, $) && (b(e, $) || b(i, $)), device: !b(c, $) && (b(d, $) || b(e, $) || b(g, $) || b(i, $)) || b(/\bokhttp\b/i, $) }, windows: { phone: b(c, $), tablet: b(h, $), device: b(c, $) || b(h, $) }, other: { blackberry: b(k, $), blackberry10: b(l, $), opera: b(m, $), firefox: b(o, $), chrome: b(n, $), device: b(k, $) || b(l, $) || b(m, $) || b(o, $) || b(n, $) }, any: !1, phone: !1, tablet: !1 }; return r.any = r.apple.device || r.android.device || r.windows.device || r.other.device, r.phone = r.apple.phone || r.android.phone || r.windows.phone, r.tablet = r.apple.tablet || r.android.tablet || r.windows.tablet, r } window.isMobile = a(); })();    
        (function () {
            // open web debugger console
            if (typeof VConsole !== 'undefined') {
                window.vConsole = new VConsole();
            }
            var box = document.getElementById("box");
            if (!isMobile.phone) {                                             
                var canvas = document.getElementById("GameCanvas");
                var h = getClientHeight();
                var w = h * 640 / 960;
                box.style.height = h + "px"
                box.style.width = w + "px"
                box.appendChild(canvas)
            }else{
                box.remove()
            }

            var splash = document.getElementById('splash');
            splash.style.display = 'block';

            var cocos2d = document.createElement('script');
            cocos2d.async = true;
            cocos2d.src = window._CCSettings.debug ? 'cocos2d-js.js' : 'cocos2d-js-min.b8e8a.js';

            var engineLoaded = function () {
                document.body.removeChild(cocos2d);
                cocos2d.removeEventListener('load', engineLoaded, false);
                window.boot();
            };
            cocos2d.addEventListener('load', engineLoaded, false);
            document.body.appendChild(cocos2d);
        })();

        function isMobile() {
            let mobile = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
            return mobile != null
        }   
        function getClientHeight() {
            var clientHeight = 0;
            if (document.body.clientHeight && document.documentElement.clientHeight) {
                var clientHeight = (document.body.clientHeight < document.documentElement.clientHeight) ? document.body.clientHeight : document.documentElement.clientHeight;
            }
            else {
                var clientHeight = (document.body.clientHeight > document.documentElement.clientHeight) ? document.body.clientHeight : document.documentElement.clientHeight;
            }
            return clientHeight;
        }            
    </script>
</body>

</html>